<script setup lang='tsx'>
import PageContainer from '../components/PageContainer/index.vue';
import ProCard from '../components/ProCard/index.vue';
import { ref } from 'vue';
import { ProTabsOption } from '../components/types';
const tabKey = ref('A');
const tabs: ProTabsOption[] = [
    {
        label: '栏目A',
        key: 'A',
        children: '栏目A 内容'
    },
    {
        label: '栏目B',
        key: 'B',
        children: '栏目B 内容'
    }
]

const breads = [
    {
        text: '首页',
        path: '/'
    },
    {
        text: '页面1',
        path: '/component1'
    }
]

</script>

<template>
    <div>
        <PageContainer content="内容" title="新增表单" :breads="breads" :tabs="tabs">
            <template #actions>
                <t-button theme="base" style="margin-right: 12px;">操作1</t-button><t-button>主操作</t-button>
            </template>
        </PageContainer>
    </div>
</template>

<style lang='scss'></style>